﻿body 
{
	
}
#wrapper{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:6px;    
	margin-top:20px;		
}
a
{
	color:Black;
	text-decoration:none;
}
/*header*/
#header
{
	width:100%;
	height:auto;
}
#h1{	
	height:100px;
	margin-bottom:10px;	
	margin-left:6px;
	padding-right:18px;		
}
	#h1_left{
		width: 20%;
		height:90px;
		padding:10px;
		float:left;
		margin-top:6px;
	}
	#h1_right{
		width:70%;
		height:85px;		
		padding-left:5px;
		font-size: 14px;		
		background-color:#999999;
		float:right;	
		margin-top:15px;
	}
		#h1_right_lang{
			float:left;
			width:40%;
			margin-top:25px;	
			margin-left:8px;	
		}
		#top_separate
		{
			float:left;
			margin-right:20px;			
		}
		#h1_right_shop{
			float:left;
			width:20%;
			margin-top:15px;
			margin-left:6px;
		}
		
#h2{	
	height:50px;	
	margin-bottom:10px;
	margin-left:6px;	
	background-color:Black;
	color:White;
	font-weight:bold;
	font-size:12px;
	padding-top:15px;
	margin-right:18px;
}		
	 #span1
	{
        width:300px;   
        float:left;    
        padding-left:20px; 
    }
    #span2
    {
         width:400px;  
         float:left;
         margin-left:20px;
         padding-left:10px;
    }
        .btnSearch
        {
            width:60px;
            background-color:Red;
            color:White;
            font-weight:bold;  
            border-style:none;          
        }
        .txtKeyword
        {
            float:left;   
            margin-right:20px; 
        }
    #span3
    {
		float:left;
		padding-left:30px;
		padding-top:10px;
    }
    
#container
{	
	clear:both;
}	
/*menu*/
/*=============================================*/
#left_menu
{
	width:25%;
	float:left;
	height:auto;
}

	#menu1
	{		
		height:200px;		
		background-color:Orange;					
		margin-bottom:10px;
		padding-top:6px;		
		padding-left:30px;
		margin-left:6px;	
		font-size:16px;	
	}	
						
						
	#menu2
	{		
		height:200px;		
		margin-bottom:10px;		
		padding-top:5px;
		padding-left:20px;
		margin-left:6px;	
		background-color:Gray;
		font-size:14px;		
	}
		
	#quick_link
	{		
		height:60px;		
		background-color:Teal;
		margin:6px 6px 6px 6px; 
		padding-top:10px;
		padding-left:20px;
	}
	
		.btnGo
		{
			width:50px;
			background-color:Red;
			color:White;			
			margin-left:6px;
			border-style:none;
		}


/* infomation*/	
/* =========================================*/
#content{
	width:70%;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-right:6px;
}

	top_banner
	{
	    height:260px;
	}
	
	#banner
	{	
	    width:960px;
	    height:210px;
		float:left;
		padding-left:15px;
		margin-bottom:10px;
		margin-right:15px;
	}	
			
	#bottom_banner{
		width:960px;
		height:30px;		
		background-color: #CC3300;	
		float:left;	
		margin-left:15px;
		margin-bottom:15px;									
	}
	
		#menu_text{
			font-weight:bold;
			font-size:14px;
			color: #FFFFFF;				
			padding-left:25px;			
		}
		
		#next_item{
		color:#003300;
		font-weight:bold;
		background-color: #CC3300;
		border:none;
		}

	#info{
		width: 900px;				
		padding-left:0px;
		padding-bottom:50px;
		padding-top:0px;		
		margin-left:25px;	
		
	}
	
		#book1{
			width:430px;
			height:200px;
			float:left;				
			border: 1px dotted #CC0066;
			border-width:thin;
			border-top-style:none;
			padding-left:6px;
		}	
		
		
		#book2{
			width:430px;
			height:200px;
			float:right;				
			border: 1px dotted #CC0066;
			border-width:thin;
			border-top-style:none;
			padding-left:6px;
		}
		
		.title{
			font-size:20px;
			font-weight:bold;
			color: #CC0033;
			padding-left:6px;
		}
		
		.author
		{
		    color:Gray;
		}		
		
		.price{
			font-size:18px;
			color:Green;
			font-weight:bold;			
			padding-left:6px;
		}
				
		#text{
			font-size:10px;	
			font-family:Verdana, Arial, Helvetica, sans-serif;
			padding-left:6px;	
		}
		
		.btnDetails
		{
		    margin-top:20px;
			width:60px;
			height:20px;
			color:#FFFFFF;
			border:none;
			background-color:#CC3300;
			margin-left:6px;
			
		}
		
		.btnAddToCard{
			width:90px;
			height:20px;
			color:#FFFFFF;
			border:none;
			background-color:#339900;
			margin-left:6px;
			
		}
		
		.entry
		{
		    float:left;
		    overflow:hidden;
		    width:30%;
		    height:200px;
		    margin:5px;
		}

/*footer*/
/*=============================================*/	
#footer{
	width:98%;
	height:100px;
	float:right;
	margin-right:20px;
	margin-top:50px;
	}	
	
	#footer_contact{
		float:left;		
		margin-left:6px;
		margin-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}	
	
	#footer_menu{
		font-size:14px;		
		color:Black;
		padding-left:6px;
		float:left;
		padding-top:25px;
	}	
	
	#footer_img{
	padding-top:15px;
	padding-right:15px;
	float:right;
	}	
	
	#img_direct{
	color:#CC0033;
	font-weight:bolder;
	}
/*paragraph*/
p{
font-size:12px;
color:#333333;
}

#table
{
	font-size:13px;
	padding-top:50px;
	margin-left:30px;	
}

.datapager
{
    font-size:15px;
    color:Green;
}
